/* Viewport Styles */

html {
    aspect: Viewport url(viewport.js);
}

@media (viewport=="narrow") {
    div:nth-child(1n) {
        clear: after;
    }
    .row {
        flow: vertical;
    }
}

@media (viewport=="normal") {
    div:nth-child(2n) {
        clear: after;
    }
}

/* Viewport Styles */

body {
    margin: 0;
    padding: 0dip;
}

.content {
    flow: vertical;
    height: 100vh;
    background-color: black;
}

.row {
    flow: horizontal-wrap;
}

.row>.item {
    width: *;
    height: 200px;
}

.red {
    background: red;
}

.green {
    background: green;
}

.yellow {
    background: yellow;
}

.blue {
    background: blue;
}